<!DOCTYPE html>
<html>
<head>
	<title></title>

	<style type="text/css">
		
		.div1{width:750px;height:300px;border:solid 2px #f00;text-align: center; overflow: hidden;}
		.div11{width:750px;height:300px;border:solid 2px #f00;text-align: center; overflow: hidden; 
			background-image: url(./img/1.jpg)}
	 

		.div2{width:750px;height:300px;border:solid 2px #f00;text-align: center;overflow: hidden;}
		.div22{width:750px;height:300px;border:solid 2px #f00;text-align: center;overflow: hidden;
			background: url(./img/2.png) no-repeat;background-size: cover;background-position: center;}
		/*.div2 img{height:100%;}*/
		.div3{width:750px;height:300px;border:solid 2px #f00;text-align: center;overflow: hidden;}
		/*.div3 img{width:100%;}*/
 .div33{width:750px;height:300px;border:solid 2px #f00;text-align: center;overflow: hidden;
			background: url(./img/3.png) no-repeat;background-size: cover;background-position: center;}

	</style>
</head>
<body>


<div class="div1">
	<img src="img/1.jpg">
</div>
<div class="div11">
 
</div>


<div class="div2">
	<img src="img/2.png">
</div>
<div class="div22">
	 
</div>

<div class="div3">
	<img src="img/3.png">
</div>

<div class="div33"></div>

</body>
</html>